<template>
	<div>

		<div class="title_svg">
			<svg t="1614912360070" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="28196"
			 width="48" height="48">
				<path d="M885.4 320.2H138.8c-11 0-14.9-13.5-5.4-18.7L512.9 98.2l377.9 203.4c9.5 5.1 5.6 18.6-5.4 18.6zM161 351.2v497c0 44.2 33 80 73.7 80h560.2c40.7 0 73.7-35.8 73.7-80v-497H161z m234.6 440.3c0 22.1-16.5 40-36.8 40h-43.6c-20.3 0-36.8-17.9-36.8-40v-47.3c0-22.1 16.5-40 36.8-40h43.6c20.3 0 36.8 17.9 36.8 40v47.3z m0.2-191.8c0 22.1-16.5 40-36.8 40h-43.6c-20.3 0-36.8-17.9-36.8-40v-47.3c0-22.1 16.5-40 36.8-40H359c20.3 0 36.8 17.9 36.8 40v47.3z m177.1 191.8c0 22.1-16.5 40-36.8 40h-43.6c-20.3 0-36.8-17.9-36.8-40v-47.3c0-22.1 16.5-40 36.8-40H536c20.3 0 36.8 17.9 36.8 40v47.3z m0.1-191.8c0 22.1-16.5 40-36.8 40h-43.6c-20.3 0-36.8-17.9-36.8-40v-47.3c0-22.1 16.5-40 36.8-40h43.6c20.3 0 36.8 17.9 36.8 40v47.3z m176.8 191.8c0 22.1-16.5 40-36.8 40h-43.6c-20.3 0-36.8-17.9-36.8-40v-47.3c0-22.1 16.5-40 36.8-40H713c20.3 0 36.8 17.9 36.8 40v47.3z"
				 p-id="28197" fill="#2c2c2c"></path>
			</svg>
		</div>

		<div class="title_text">
			库房管理系统
		</div>



		<el-input v-model="phone" placeholder="请输入电话"></el-input>
		<el-input v-model="password" placeholder="请输入密码" show-password></el-input>

		<el-button type="primary" round v-on:click="Login_()">登录</el-button>
		<!-- 		<el-button type="info" plain>信息按钮</el-button>
		<el-button type="info" round>信息按钮</el-button> -->


		<span>
			<i class="el-icon-info"></i>账号由管理员统一激活发放，账号为本人手机号码，默认密码为111111,为了公司及个人安全，请收到账号开能通知时第一时间修改密码
		</span>

	</div>
</template>

<script>
	import {
		login_api_url
	} from "../../utils/setting.js"
	
	import {
		Login
	} from "../../utils/auth.js"

	import Cookies from 'js-cookie'


	export default {
		name: '',
		components: {},
		props: {},
		data() {
			return {
				phone: '',
				password: '',
			}
		},
		methods: {
			isCellPhone(val) {
				if (!/^1(3|4|5|6|7|8)\d{9}$/.test(val)) {
					return false;
				} else {
					return true;
				}
			},
			
			Login_(){
				// console.log(this.phone)
				Login(this, this.phone, this.password)
			}

		}, //login() end
		computed: {},
		watch: {},
		created() {},
		mounted() {},
	}
</script>

<style scoped lang="less">
	.title_svg {
		text-align: center;
		margin-top: 30px;
	}

	.title_text {
		text-align: center;
		font-size: 20px;
		margin-bottom: 40px;
	}


	.el-input,
	.el-button {

		width: 300px;
		display: block;
		margin: 15px auto;

	}

	span {
		display: block;
		margin: 50px 10px;
		font-size: 8px;
		color: #ababab;
	}
</style>
